<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聚合搜索</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <div style="width: 100%;text-align: center;">
        <input type="button" value="百度" onclick="updateSearch('http://www.baidu.com/')"> &nbsp;&nbsp;&nbsp;
        <input type="button" value="必应" onclick="updateSearch('http://www.bing.com/')"> &nbsp;&nbsp;&nbsp;
        <input type="button" value="谷歌" onclick="updateSearch('http://www.google.com/')"> &nbsp;&nbsp;&nbsp;
        <input type="button" value="搜狗" onclick="updateSearch('http://www.sogou.com/')"> &nbsp;&nbsp;&nbsp;
        <input type="button" value="360"  onclick="updateSearch('http://www.so.com/')"> &nbsp;&nbsp;&nbsp;
    </div>
    <hr>
    <!-- <iframe  style="width: 100%;height: 600px;"src="http://www.baidu.com/"></iframe> -->
    <iframe id="ifr" style="width: 100%;height: 600px;"src="http://www.bing.com/"></iframe>
    <script>
        function updateSearch(url){
            jQuery("#ifr").attr("src",url);

        }
    </script>





</body>
</html>